<template>
  <div class="demo">组件
    <Child :fromFather="msg"></Child>
  </div>
  
</template>

<script>
import Child from './Child.vue';

  export default {
    name: "Demo",
    props: {
        // detailList: Array
        detailList: [Array,String],//允许多个类型
        required: true
    },
    data(){
        return{
            msg:'luoli'
        }
    },
    components:{
        Child
    }
}
</script>

<style lang="less" scoped>
//元素的起点
.v-enter{
  transform: translate(100%,0);
}
//元素的终点
.v-enter-to{
  transform: translate(0);
}
// 元素的过度
.v-enter-active{
  transition: 1s;
}
// 离开的起点
.v-leave{
  transform: translate(0);
}
//离开的终点
.v-leave-to{
  transform: translate(0,100%);
}
// 离开的过度
.v-leave-active{
  transition: 1s;
}
</style>

